//JSX高频场景-条件渲染
//在React中，可以通过逻辑与运算符&&、三元表达式(?:) 实现基础的条件渲染
const flag = true;
const loading = false;
function App() {
  return (
    <>
      {flag && <span>this is span</span>}
      {/* false就不执行 */}
      <div></div>
      {loading ? <span>loading...</span> : <span>this is span</span>}
    </>
  );
}

export default App;
